@font-face{ font-family:'webfont'; font-display:swap; src:url('../../fonts/AlibabaPuHuiTiAll/webfont.eot'); src:url('../../fonts/AlibabaPuHuiTiAll/webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/AlibabaPuHuiTiAll/webfont.woff2') format('woff2'), url('../../fonts/AlibabaPuHuiTiAll/webfont.woff') format('woff'), url('../../fonts/AlibabaPuHuiTiAll/webfont.ttf') format('truetype'), url('../../fonts/AlibabaPuHuiTiAll/webfont.svg#webfont') format('svg'); } *{ margin:0; padding:0; word-wrap:break-word; } body{ font-family:webfont; font-size:14px; color:var(--main-text_color); -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; background-color:var(--main-background_color); } a{ color:var(--main-text_color); text-decoration:none; transition:all 0.3s; } a:hover{ text-decoration:none; color:var(--main-text_hover_color); } img{ border:none; vertical-align:top; max-width:100%; } input{ outline:none; } div,ul,li,p,form{ padding:0px; margin:0px; list-style-type:none; } h1{ font-size:30px; } h2{ font-size:23px; } .fa9d8029b{ clear:both; } .b363b9990{ display:flow-root; } :root{ --main-box_width:1300px; --main-background_color:#f5f6f7; --main-main_color:#0066ff; --main-text_color:#333; } :root{ --main-box_width:1300px; --main-background_color:#f5f6f7; --main-main_color:#0066ff; } :root{ --main-text_hover_color:var(--main-main_color); } .dea33ea57{ margin:0px auto; width:var(--main-box_width); } .eb5524f66{ border:#eee 1px solid; background-color:#ffffff; padding:17px; } .faa4efdd6{ float:left; } .d80fbb5b3{ float:right; } .aeb86b0c0{ width:calc( 100% - 420px ); } .cad7a7bd2{ width:400px; } .da18aa130{ margin-top:10px; } .bb205f91c{ margin-top:20px; } .fe68769ae{ margin-top:34px; } .bfb5a5f53{ position:relative; height:36px; line-height:36px; } .bfb5a5f53:before{ content:""; width:5px; height:14px; position:absolute; left:0; top:calc( 50% - 7px); background-color:var(--main-main_color); border-radius:4px; } .bfb5a5f53:after{ content:""; } .bfb5a5f53 .aff862adb{ font-weight:normal; font-size:15px; margin-left:10px; } @media screen and ( max-width:1024px ) { .f50fa195d{ display:none; } .dea33ea57{ width:calc( 100% - 34px ); min-width:inherit; } .aeb86b0c0{ width:calc( 100% - 320px ); } .cad7a7bd2{ width:300px; } .ef9ca47f5{ margin-top:5px; } .fac1c7cdb{ margin-top:10px; } } @media screen and ( max-width:768px ) { .f8bc44fce{ display:none; } .dea33ea57{ width:calc( 100% - 10px ); min-width:inherit; } .faa4efdd6.aeb86b0c0{ display:flow-root; float:inherit; width:auto; } .d80fbb5b3.cad7a7bd2{ display:flow-root; float:inherit; width:auto; } .f2211573f{ margin-top:5px; } .d3d23dc11{ margin-top:10px; } } @media screen and ( max-width:600px ) { .ef5791ad2{ display:none; } .dea33ea57{ width:calc( 100% - 10px ); min-width:inherit; } } .beautify{ color:#000; position:relative; line-height:24px; text-align:justify; font-size:16px; letter-spacing:2px; } .beautify p{ position:relative; margin-top:20px; text-indent:0; } .beautify p.about_this_article{ font-size:14px; line-height:21px; padding:20px; background-color:#fefefe; border:#ddd 1px solid; color:#000; } .beautify strong{ font-size:17px; font-weight:bold; color:#d40000; } .beautify a{ color:#d40000; text-decoration:underline; } .beautify figure{ margin:20px 0; text-align:center; } .beautify figure img{ width:auto; max-width:100%; height:auto; font-size:0; position:inherit; transform-origin:center; } .beautify figure figcaption, .beautify figure div[data-type="figcaption"], .beautify figure a{ color:#333; font-size:13px; text-decoration:none; } .beautify *[data-type="start"]{ font-weight:bold; font-size:21px; color:#d40000; letter-spacing:0; } .beautify *[data-type="start"][data-number="true"]{ position:relative; font-weight:bold; font-size:21px; color:#44b242; letter-spacing:0; padding:0 10px; margin-right:18px; display:inline-block; transform:skewX(-20deg); box-shadow:5px 3px 6px rgba(0,0,0,0.28); user-select:none; font-family:Arial, Helvetica, sans-serif; } .beautify *[data-type="start"]{ } small[data-type^="replacecontent"], span[data-type^="replacecontent"]{ width: 20px; height: 12px; line-height: 12px; background-color: #e0e0e0; display: inline-block; padding: 0 2px; position: relative; top: 1px; -webkit-filter: blur(2px); filter: blur(2px); } small[data-type^="replacecontent_1"], span[data-type^="replacecontent_1"]{ width:15px; } small[data-type^="replacecontent_2"], span[data-type^="replacecontent_2"]{ width:30px; } small[data-type^="replacecontent_3"], span[data-type^="replacecontent_3"]{ width:45px; } small[data-type^="replacecontent_4"], span[data-type^="replacecontent_4"]{ width:60px; } small[data-type^="replacecontent_5"], span[data-type^="replacecontent_5"]{ width:75px; } small[data-type^="replacecontent_6"], span[data-type^="replacecontent_6"]{ width:90px; } small[data-type^="replacecontent_7"], span[data-type^="replacecontent_7"]{ width:105px; } small[data-type^="replacecontent_8"], span[data-type^="replacecontent_8"]{ width:120px; } small[data-type^="replacecontent_9"], span[data-type^="replacecontent_9"]{ width:135px; } small[data-type^="replacecontent_10"], span[data-type^="replacecontent_10"]{ width:150px; } div[data-type="img"]{ width:800px; height:496px; text-align:center; position:relative; background:#f09; background-image:linear-gradient(45deg, #3023AE 0%, #f09 100%); border-radius:30% 70% 70% 30% / 30% 30% 70% 70%; box-shadow:-10vmin 10vmin 0 rgb(255 255 255 / 7%); user-select:none; margin:0px auto; margin-top:34px; margin-bottom:34px; } div[data-type="img"] text{ position:absolute; left:12.5%; top:calc( 50% - 12px); width:75%; height:auto; font-size:21px; text-align:center; font-weight:bold; color:#fff; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; } div[data-type="img"] canvas{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; } @media screen and ( max-width:1024px ) { div[data-type="img"]{ width:600px; height:372px; } div[data-type="img"] text{ font-size:21px; } } @media screen and ( max-width:768px ) { div[data-type="img"]{ width:600px; height:372px; } div[data-type="img"] text{ font-size:21px; } } @media screen and ( max-width:600px ) { div[data-type="img"]{ width:320px; height:198px; } div[data-type="img"] text{ font-size:18px; } } div[data-type="pre"]{ margin-top:20px; display:block; border:#d8cbcb 1px solid; background-color:#f5f5f5; box-shadow:10px 8px 2px #efefef; color:#000; padding:10px 20px; font-size:13px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-align:left; letter-spacing:0; } div[data-type="pre"] ol{ font-style:oblique; } div[data-type="pre"] ol li{ list-style-type:decimal; list-style-position:inside; list-style-type:decimal-leading-zero; font-size:12px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; } div[data-type="pre"] ol li pre{ font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:13px; display:contents; white-space:pre-wrap; word-wrap:break-word; } div[data-type="pre"] ol li::marker{ color:#999; font-family:Arial, Helvetica, sans-serif; } table{ width:100%; margin-top:17px; text-align:center; table-layout:fixed; } table tr{} table td{ height: auto; line-height: 21px; padding: 7px 2px; border-bottom: #ddd 1px solid; border-right: #ddd 1px solid; font-size: 13px; color: #000; word-wrap:break-word; vertical-align: inherit; letter-spacing: 0; } @media screen and ( min-width:1025px ){ table td{ width: auto; } } table td:nth-child(1){ border-left:#ddd 1px solid; } table tr:nth-child(1) td{ border-top:#ddd 1px solid; } @media screen and ( max-width:660px ){ table{ display: block; width:100%; max-width: 100%; margin:0px auto; position:relative; overflow-x: auto; overflow-y: auto; } tbody{ display:block; width:768px; position:relative; z-index: 10; } } .evaluate{} .evaluate .care_for{} .evaluate .care_for ul{} .evaluate .care_for li{ float:left; min-width:100px; height:32px; line-height:32px; border:#dae0e4 1px solid; border-radius:32px; cursor:pointer; text-align:center; } .evaluate .care_for li span{ display:block; padding:0 10px; font-size:12px; position:relative; } .evaluate .care_for li span .css_iconfont.icon-agree{ margin:10px 0; padding:0 0; } .evaluate .care_for li span small{ padding:0 3px; font-size:13px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#5ba84d; position:relative; top:1px; } .evaluate .care_for li span small.tips{ font-size:12px; font-weight:normal; color:#44b242; position:absolute; left:0; right:inherit; top:inherit; bottom:-20px; width:100%; height:21px; line-height:21px; padding:0 0; overflow:hidden; } @media screen and ( max-width:600px ) { .evaluate{ float:inherit; } } .e9aa6075d{ width:auto; height:32px; line-height:32px; background-color:#f5f5f5; } .e9aa6075d .cc7c2506f h1, .e9aa6075d .cc7c2506f h2{ font-size:13px; font-weight:unset; color:#000; } .eb2072696{ position:relative; z-index:10001; height:68px; background-color:rgba(255,255,255,0.8); border-bottom:#dbdbdb 1px solid; } .eb2072696 .bcbeb4f0b{} .eb2072696 .bcbeb4f0b img{ padding:9px 0; max-height:50px; } span[data-type="menu"]{ display:none; } .eb2072696 .b65c85e53{} .eb2072696 .b65c85e53 nav{} .eb2072696 .b65c85e53 nav ul{} .eb2072696 .b65c85e53 nav ul li{ position:relative; float:left; padding:0 20px; line-height:68px; } .eb2072696 .b65c85e53 nav ul li a{ display:block; font-size:15px; } .eb2072696 .b65c85e53 nav ul li.current a{ color:var(--main-main_color); } .eb2072696 .b65c85e53 nav ul li ul{ position:absolute; left:0; top:100%; z-index:10; width:150%; height:auto; background-color:rgba(255,255,255,0.9); box-shadow:6px 5px 20px rgb(221,221,221,0.6); border-radius:0 0 6px 6px; display:none; } .eb2072696 .b65c85e53 nav ul li:hover ul{ display:block; } .eb2072696 .b65c85e53 nav ul li ul li{ position:relative; line-height:40px; font-size:13px; padding:0 20px; display:block; float:unset; text-align:left; } .eb2072696 .b65c85e53 nav ul li ul li:before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#ebebeb; } .eb2072696 .b65c85e53 nav ul li ul li:after{ content:""; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background-color:#fff; } .eb2072696 .b65c85e53 nav ul li ul li:nth-last-child(1):before, .eb2072696 .b65c85e53 nav ul li ul li:nth-last-child(1):after{ display:none; } .eb2072696 .b65c85e53 nav ul li ul li a{ display:block; color:unset; } .eb2072696 .b65c85e53 nav ul li ul li:hover a{ color:var(--main-main_color); } .eb2072696 .e602493db{ position:relative; } .eb2072696 .e602493db form{ margin:20px 6px; cursor:pointer; position:relative; width:200px; opacity:0; } .eb2072696 .e602493db form[data-show="true"]{ opacity:1; transition:all 2s; } .eb2072696 .e602493db form input{ border:#ebebeb 1px solid; box-shadow:5px 5px 12px #f7f7f7; width:calc( 100% - 2px ); height:28px; line-height:28px; font-size:12px; text-indent:6px; position:absolute; left:0; } .eb2072696 .e602493db form input{ } .eb2072696 .e602493db form button{ float:right; border:none; cursor:pointer; margin:6px 4px 0 2px; background-color:transparent; } .eb2072696 .e602493db span.ff02e54f8.ad246f269{ position:absolute; right:0; top:0; margin:25px 10px; cursor:pointer; } @media screen and ( max-width:1024px ) { .eb2072696{ height:50px; } .eb2072696 .bcbeb4f0b img{ padding:0 0; } span[data-type="menu"]{ display:block; position:absolute; right:0; top:0; } span[data-type="menu"] icon{ display:block; margin:12.5px; } .eb2072696 .b65c85e53, .eb2072696 .e602493db{ display:none; } .d2700f69f{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:10000; margin-top:50px; } .d2700f69f:before{ content:""; position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(255,255,255,0.99); z-index:10000; } .d2700f69f nav{ position:relative; z-index:10001; padding:17px 17px; } .d2700f69f nav ul{} .d2700f69f nav li{ line-height:50px; border-bottom:#f2f2f2 1px solid; } .d2700f69f nav li ul{ border-radius:6px; padding:0 17px; } .d2700f69f nav li ul li{ position:relative; line-height:32px; border-bottom:none; padding-left:22px; } .d2700f69f nav li ul li:before{ content:""; position:absolute; left:0; top:calc( 50% - 1px ); width:10px; height:2px; background-color:var(--main-main_color); border-radius:12px; } .d2700f69f form{ position:relative; z-index:10001; display:block; padding:17px 17px; background-color:#eee; height:30px;} .d2700f69f form input{ border:#ebebeb 1px solid; box-shadow:5px 5px 12px #f7f7f7; width:calc( 100% - 36px ); height:28px; line-height:28px; font-size:12px; text-indent:6px; position:absolute; left:17px; } .d2700f69f form button{ float:right; border:none; cursor:pointer; margin:6px 4px 0 2px; background-color:transparent; } } .d4f508e25, .d4f508e25 div{ display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; } .d4f508e25 span.ff02e54f8.e6c57a798{ margin:0 10px; position:relative; top:-2px; } @media screen and ( max-width:768px ) { .d4f508e25, .d4f508e25 a{ font-size:12px; color:#666; } } .cf418657c{ } .cf418657c ul{ } .cf418657c li{ border-bottom:#eee 1px solid; padding:34px 0; } .cf418657c li:nth-child(1){ padding-top:20px; } .cf418657c li:nth-last-child(1){ border-bottom:none; } .cf418657c li .f362336eb{ display:contents; } .cf418657c li .f362336eb a{ position:relative; z-index:2; display:inline-block; width:auto; color:#fff; padding:2px 10px; margin-right:10px; font-size:12px; text-align:center; } .cf418657c li .f362336eb a:before{ content:""; position:absolute; z-index:1; right:-5px; top:calc( 50% - 5px); width:0; height:0; border-width:5px 0 5px 5px; border-style:solid; border-color:transparent transparent transparent var(--main-main_color); opacity:0.6; } .cf418657c li .f362336eb a:after{ content:""; position:absolute; z-index:-1; left:0; top:0; width:100%; height:100%; background-color:var(--main-main_color); box-shadow:2px 3px 5px rgb(0,0,0,0.36); opacity:1; } .cf418657c li h3{ display:inline-block; font-size:18px; line-height:21px; } .cf418657c figure img{ width:100%; height:auto; } .cf418657c .cc7c2506f{ display:flow-root; } .cf418657c .cc7c2506f{ } .cf418657c .cc7c2506f a{ width:calc(33.333333% - 13.333333px); margin:10px 10px 10px 10px; float:left; } .cf418657c .cc7c2506f a:nth-child(2){ width:calc(33.333333% + 7.333333px); margin-left:0; margin-right:0; } .cf418657c .cc7c2506f a:nth-child(3n){ float:right; margin-left:0; margin-right:0; } .cf418657c .cc7c2506f a:nth-child(3n+1){ margin-left:0; } .cf418657c .cc7c2506f figure{ position:relative; height:160px; overflow:hidden; border:rgba(0,0,0,0.08) 1px solid; box-shadow:2px 5px 10px #e9e9e9; border-radius:4px; } .cf418657c .cc7c2506f figure img{ position:absolute; left:0; bottom:0; width:100%; height:auto; min-height:160px; transition:all 0.6s; } .cf418657c .cc7c2506f figure:hover img{ transform:scale(1.1); } .cf418657c .cc7c2506f .f709d50be{ display:table; text-align:justify; margin-top:10px; } .cf418657c .cc7c2506f .f709d50be p{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; overflow:hidden; color:#666; font-size:15px; } .cf418657c .cc7c2506f .f709d50be .b7d1f0a8f{ } .cf418657c .cc7c2506f .f709d50be .b7d1f0a8f .fc39ac436, .cf418657c .cc7c2506f .f709d50be .b7d1f0a8f .ea30c22f4, .cf418657c .cc7c2506f .f709d50be .b7d1f0a8f .bb894aab9{ color:#888; margin-right:20px; font-size:12px; } .cf418657c .cc7c2506f .f709d50be .b7d1f0a8f .fc39ac436 span, .cf418657c .cc7c2506f .f709d50be .b7d1f0a8f .ea30c22f4 span{ font-family:Arial, Helvetica, sans-serif; color:#999; font-size:13px; } .cf418657c .cc7c2506f .f709d50be .b7d1f0a8f .ea30c22f4 span{ padding:0 5px; } .cf418657c .cc7c2506f .f709d50be .b7d1f0a8f .bb894aab9{ margin-right:0; } .cf418657c .cc7c2506f .f709d50be .b7d1f0a8f .bb894aab9 a{ width:auto; margin:inherit; padding:0 10px; border:#ddd 1px solid; background-color:#f9f9f9; color:#999; line-height:21px; } .cf418657c .cc7c2506f .f709d50be .b7d1f0a8f .bb894aab9 a:hover{ background-color:var(--main-main_color); color:#fff; } @media screen and ( max-width:1024px ) { .cf418657c .cc7c2506f figure{ height:124px; } .cf418657c .cc7c2506f figure img{ min-height:124px; } .cf418657c .cc7c2506f .f709d50be p{ -webkit-line-clamp:4; font-size:14px; line-height:24px; } } @media screen and ( max-width:768px ) { .cf418657c .cc7c2506f figure{ height:140px; } .cf418657c .cc7c2506f figure img{ min-height:140px; } .cf418657c .cc7c2506f .f709d50be p{ -webkit-line-clamp:4; font-size:14px; line-height:24px; } } @media screen and ( max-width:600px ) { .cf418657c li{ padding:17px 0; } .cf418657c .cc7c2506f figure{ height:70px; } .cf418657c .cc7c2506f figure img{ min-height:70px; } .cf418657c .cc7c2506f .f709d50be p{ -webkit-line-clamp:3; } .cf418657c .cc7c2506f .f709d50be .b7d1f0a8f{ display:none; } } .a88e2dc8b{ text-align:center; margin:10px 0 34px 0; } .a88e2dc8b span, .a88e2dc8b a{ display:inline-block; width:auto; height:auto; line-height:28px; padding:0 10px; margin:0 1px; background-color:var(--main-main_color); border:var(--main-main_color) 1px solid; color:#fff; font-size:12px; border-radius:4px; box-shadow:1px 1px 10px rgba(0,0,0,0.2); } .a88e2dc8b span{ border:var(--main-main_color) 1px solid; background-color:#fff; color:var(--main-main_color); } .a3404ce3d{ } .a3404ce3d .aff862adb{ } .a3404ce3d ul{ } .a3404ce3d li{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; line-height:40px; border-bottom:#e5e5e5 1px dashed; } .a3404ce3d li a{ display:block; } .a3404ce3d li:nth-last-child(1){ border-bottom:none; } .a3404ce3d li p{ display:none; } @media screen and ( max-width:768px ) { .a3404ce3d li p{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; line-height:24px; margin-bottom:10px; font-size:13px; color:#888; } } .a18d93f3c{ } .a18d93f3c .aff862adb{ } .a18d93f3c ul{ } .a18d93f3c li{ position:relative; line-height:40px; border-bottom:#e5e5e5 1px dashed; counter-increment:sidebar1-item; } .a18d93f3c li:before{ content:counter(sidebar1-item); position:absolute; z-index:1; left:0; top:11px; width:18px; height:18px; line-height:18px; text-align:center; background-color:#ebebeb; color:#999; border-radius:6px 0; font-size:12px; font-family:Arial, Helvetica, sans-serif; } .a18d93f3c li:nth-child(1):before, .a18d93f3c li:nth-child(2):before, .a18d93f3c li:nth-child(3):before{ background-color:var(--main-main_color); box-shadow:2px 3px 5px rgb(0,0,0,0.36); color:#fff; opacity:0.8; } .a18d93f3c li:nth-last-child(1){ border-bottom:none; } .a18d93f3c li a{ position:relative; z-index:2; padding-left:26px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; } .a18d93f3c li p{ display:none; } @media screen and ( max-width:768px ) { .a18d93f3c li p{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; line-height:24px; margin-left:26px; margin-bottom:10px; font-size:13px; color:#888; } } .d7d3e6b62{ } .d7d3e6b62 .aff862adb{ } .d7d3e6b62 ul{ } @media screen and ( min-width:769px ) { .d7d3e6b62 li{ float:left; width:calc( 33.333333% - 6.666666px ); height:auto; line-height:32px; text-align:center; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; margin:5px 5px; } .d7d3e6b62 li:nth-child(3n){ margin-right:0; } .d7d3e6b62 li:nth-child(3n + 1){ margin-left:0; } } .d7d3e6b62 li a{ position:relative; z-index:2; display:block; border:#eee 1px solid; font-size:12px; transition:none; } .d7d3e6b62 li a:before{ content:""; position:absolute; left:0; top:0; z-index:-1; width:100%; height:100%; background-color:var(--main-main_color); transition:none; opacity:0; } .d7d3e6b62 li:hover a{ color:#fff; } .d7d3e6b62 li:hover a:before{ opacity:0.6; } @media screen and ( max-width:768px ) and ( min-width:601px ) { .d7d3e6b62 li{ float:left; width:calc( 20% - 8px ); height:auto; line-height:32px; text-align:center; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; margin:5px 5px; } .d7d3e6b62 li:nth-child(5n){ margin-right:0; } .d7d3e6b62 li:nth-child(5n + 1){ margin-left:0; } } @media screen and ( max-width:600px ) { .d7d3e6b62 li{ float:left; width:calc( 25% - 7.5px ); height:auto; line-height:32px; text-align:center; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; margin:5px 5px; } .d7d3e6b62 li:nth-child(4n){ margin-right:0; } .d7d3e6b62 li:nth-child(4n + 1){ margin-left:0; } } .b9a70a896{ background-color:#fff; box-shadow:0 -10px 30px #f1f1f1; } .b9a70a896 .b65c85e53{} .b9a70a896 .b65c85e53 ul{} .b9a70a896 .b65c85e53 li{ position:relative; display:inline-block; width:auto; height:32px; line-height:32px; } .b9a70a896 .b65c85e53 li:before{ content:""; position:absolute; right:15.5px; top:calc( 50% - 2.5px); width:5px; height:5px; background-color:var(--main-main_color); border-radius:50%; } .b9a70a896 .b65c85e53 li:nth-last-child(1):before{ display:none; } .b9a70a896 .b65c85e53 li a{ padding:0 36px 0 0; color:#666; } .b9a70a896 .b65c85e53 li ul{ position:relative; display:inline-block; } .b9a70a896 .b65c85e53 li ul:before{ content:""; position:absolute; left:-17.5px; top:calc( 50% - 2.5px); width:5px; height:5px; background-color:var(--main-main_color); border-radius:50%; } .b9a70a896 .e765b6267, .b9a70a896 .e765b6267 a{ color:#999; font-size:13px; } .b9a70a896 .e765b6267 p{ margin-top:5px; } .b9a70a896 .e765b6267 p:nth-child(1){ margin-top:0; } .b9a70a896 .e765b6267 a{ color:var(--main-main_color); padding:0 2px; } .b9a70a896 .fd0de83f5{ font-size:13px; } .b9a70a896 .fd0de83f5 a{ color:#999; padding-right:10px; } .b9a70a896 .fd0de83f5 a img { width:12px; } @media screen and ( max-width:1024px ) { .b9a70a896 .b65c85e53{ font-size:12px; } .b9a70a896 .b65c85e53 li{ height:21px; line-height:21px; } .b9a70a896 .b65c85e53 li:before{ right:4px; opacity:0.6; } .b9a70a896 .b65c85e53 li a{ padding:0 16px 0 0; } .b9a70a896 .b65c85e53 li ul:before{ left:-10px; opacity:0.6; } .b9a70a896 .e765b6267, .b9a70a896 .e765b6267 a{ font-size:12px; } .b9a70a896 .fd0de83f5{ font-size:12px; } } .ff02e54f8{ user-select:none; } .ff02e54f8.ad246f269{ position:relative; display:inline-block; width:21px; height:21px; } .ff02e54f8.ad246f269:before{ content:""; position:absolute; left:0; top:0; width:12px; height:12px; border-radius:100%; border:2px solid currentcolor; } .ff02e54f8.ad246f269:after{ content:""; position:absolute; left:12px; top:13px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); width:8px; height:2px; background-color:currentcolor; } .ff02e54f8{ user-select:none; } .ff02e54f8.e6c57a798{ display:inline-block; position:relative; width:10px; height:10px; border-radius:50% 50% 50% 0; background-color:#999; transform:rotate(-45deg); } .ff02e54f8.e6c57a798:before{ content:""; position:absolute; width:5px; height:5px; top:calc( 50% - 3px); left:calc( 50% - 2.5px); background-color:#fff; border-radius:50%; } .ff02e54f8.e6c57a798:after{ content:""; display:block; background:rgb(0,0,0,0.1); border-radius:1% 100%; height:8px; width:8px; position:absolute; left:-6px; bottom:-6px; z-index:-2; } .b8bfc6d99{ } .b8bfc6d99 ul{ display:flow-root; } .b8bfc6d99 li{ margin-top:10px; } .b8bfc6d99 figure{ width:121px; height:75px; border:rgba(0,0,0,0.08) 1px solid; box-shadow:2px 5px 10px #e9e9e9; border-radius:4px; overflow:hidden; } .b8bfc6d99 figure img{ width:100%; height:100%; transition:all 0.6s; } .b8bfc6d99 figure:hover img{ transform:scale(1.1); } .b8bfc6d99 .cc7c2506f{ width:calc( 100% - 131px ); } .b8bfc6d99 .cc7c2506f{ } .b8bfc6d99 .cc7c2506f h3{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; font-size:14px; font-weight:unset; } .b8bfc6d99 .cc7c2506f p{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; color:#888; font-size:13px; margin-top:5px; line-height:22px; } @media screen and ( max-width:1024px ) { @media screen and ( min-width:769px ) { .b8bfc6d99 figure{ width:97px; height:60px; } .b8bfc6d99 .cc7c2506f{ width:calc( 100% - 107px ); } .b8bfc6d99 .cc7c2506f h3{ -webkit-line-clamp:2; line-height:24px; } .b8bfc6d99 .cc7c2506f p{ display:none; } } } @media screen and ( max-width:768px ) and ( min-width:601px ) { .b8bfc6d99 li{ width:calc( 50% - 10px ); float:left; } .b8bfc6d99 li:nth-child(even){ float:right; } .b8bfc6d99 .cc7c2506f h3{ -webkit-line-clamp:1; } } @media screen and ( max-width:600px ) { .b8bfc6d99 li{ width:auto; float:initial; } .b8bfc6d99 .cc7c2506f h3{ -webkit-line-clamp:1; } } .indexss{ position: relative; background-color:#0066ff; color:#fff; } @media screen and ( min-width:1025px ) { .indexss{ height:520px; } } .indexss .box .important{ position:relative; z-index:10; text-align:center; } .indexss .box .important h1{ font-size:50px; font-weight:bold; letter-spacing:7px; } .indexss .box .important p{ font-size:22px; font-weight:normal; color:#dadada; } @media screen and ( min-width:1025px ) { .indexss .box .important{ padding-top:100px; } } .indexss .box .data-query{ position:relative; z-index:10; width:1000px; margin:0px auto; margin-top:60px; } .indexss .box .data-query .data-search{ position:relative; padding-bottom:26px; } .indexss .box .data-query .data-search input[type="text"]{ width:998px; height:60px; line-height:60px; border:#0059fb 1px solid; box-shadow:0 0 30px #4788ff; border-radius:6px; text-indent:20px; font-size:13px; opacity:0.8; } .indexss .box .data-query .data-search div[data-type="search"]{ position:absolute; right:0; top:0; width:100px; height:62px; line-height:62px; cursor:pointer; text-align:center; user-select:none; color:#0059fb; overflow: hidden; } .indexss .box .data-query .data-search .tips{ display:flow-root; color:#fff; font-size:13px; text-indent:20px; user-select:none; position:absolute; left:0; bottom:6px; } .indexss .box .data-query .hot{ background-color:rgba(255,255,255,0.1); box-shadow: 2px 10px 22px #295aff; border:#396dff 1px solid; text-align:left; font-size:13px; } .indexss .box .data-query .hot .explain{ width:50px; height:36px; padding:7px 0; text-align:center; background-color:rgba(0,0,0,0.5); user-select:none; } .indexss .box .data-query .hot .explain p{ line-height:18px; } .indexss .box .data-query .hot .list{ position:relative; margin-right:10px; width:calc( 100% - 70px ); } .indexss .box .data-query .hot .list a{ display:inline-block; line-height:25px; color:#fff; margin:0 2px; } .indexss .box .data-query .hot .list a:hover{ color:#fff; } .indexss .box .data-query .hot .list:before{ content:""; position:absolute; left:0; top:25px; width:100%; height:1px; background: linear-gradient(90deg, #afafaf, #203a7f); } @media screen and ( max-width:1024px ) { .indexss{ padding:50px 0; } } @media screen and ( max-width:600px ) { .indexss .box .data-query{ width:auto; } .indexss .box .data-query .hot{ margin-left: 17px; margin-right: 17px; padding: 10px; } .indexss .box .data-query .hot .list{ margin-right:0; } .indexss .box .data-query .hot .list:before{ display:none; } } .textlist1 { display: flow-root; } .textlist1 ul { } .textlist1 li { position: relative; float: left; width: 32px; height: 32px; line-height: 32px; text-align: center; margin: 1px; border: #ddd 1px solid; background-color: #fff; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .textlist1 li a { display: block; } .eb304518e{ padding:34px; } .eb304518e h1.cecf865f8{ font-weight:bold; color:#000; text-align:left; } .eb304518e .f50de555b{ font-size:12px; color:#999; text-align:left; } .eb304518e .f50de555b span{ display:inline-block; margin-right:10px; } .eb304518e .f50de555b span time, .eb304518e .f50de555b span small{ font-family:Arial, Helvetica, sans-serif; } .eb304518e article{ line-height:24px; font-size:15px; text-align:justify; color:#000; } .eb304518e article p{ margin-top:20px; } .eb304518e article p:nth-child(1){ margin-top:0; } .eb304518e article img{ display:flow-root; width:auto; height:auto; max-width:calc( 100% - 40px ); margin:20px auto; } .eb304518e article .e651f4e3b{ } .eb304518e article .e651f4e3b a{ display:inline-block; line-height:28px; font-size:12px; background-color:var(--main-main_color); color:#fff; margin:10px 2px; padding:0 10px; border-radius:4px; box-shadow:1px 1px 10px rgba(0,0,0,0.2); } .article.content{ color:#000; position:relative; line-height:24px; text-align:justify; font-size:16px; letter-spacing:1px; } .article.content h3{ color:#d40000; margin-top:24px; font-weight:bold; } .article.content p{ position:relative; margin-top:20px; text-indent:0; } .article.content strong{ font-size:17px; font-weight:bold; } .article.content a{ color:#0066ff; } .article.content a[title*="协典筒"]{ color: initial; text-decoration: unset; } .article.content figure{ margin:20px 0; text-align:center; } .article.content figure img{ width:auto; max-width:100%; height:auto; font-size:0; position:inherit; transform-origin:center; } .article.content figure figcaption{ } .article.content figure a{ color:#333; font-size:13px; } .zidian .article.content{ color:#000; font-size:15px; } .zidian article .basic{ } .zidian article .basic .zi{ float:left; position:relative; width:200px; height:200px; line-height:200px; text-align:center; border:#ddd 1px solid; overflow:hidden; margin-bottom: 20px; } .zidian article .basic .zi .b1, .zidian article .basic .zi .b2{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; } .zidian article .basic .zi .b1:before{ content:""; position:absolute; width: 200%; height:1px; background-color:#ddd; transform: rotate(45deg); left: -50%; top: 50%; } .zidian article .basic .zi .b1:after{ content: ""; position: absolute; width: 200%; height: 1px; background-color: #ddd; transform: rotate(-45deg); left: -50%; top: 50%; } .zidian article .basic .zi .b2:before{ content:""; position:absolute; width: 100%; height:1px; background-color:#ddd; left: 0; top: 50%; } .zidian article .basic .zi .b2:after{ content:""; position:absolute; width: 1px; height:100%; background-color:#ddd; left: 50%; top: 0; } .zidian article .basic .zi span{ position:relative; z-index:2; font-size:178px; font-weight:100; } .zidian article .basic .info{ float:right; width:calc( 100% - 217px ); margin-bottom: 20px; } .zidian article .basic .info ul{ } .zidian article .basic .info li{ position:relative; width:50%; height:auto; min-height:28px; line-height:32px; float:left; } .zidian article .basic .info li span[date-type="name"]{ position:absolute; left:0; top:0; float:left; display:inline-block; width:100px; height:calc( 100% - 2px ); margin:1px 0; color:#666; text-align:right; padding-right:5px; font-size:13px; } .zidian article .basic .info li div{ float:right; display:inline-block; width:calc( 100% - 110px ); } .zidian article .basic .info li div span{ margin:0 10px 0 0; } .zidian article .basic .info li.pinyin{ width:100%; } @media screen and ( min-width:601px ) { .zidian article .basic .info li.pinyin{ margin-bottom:10px; } } .zidian article .basic .info li.pinyin div span[date-type="info"]{ float:left; font-family: Arial, Helvetica, sans-serif; font-size: 36px; font-weight: 100; } .zidian article .basic .info li.stroke_order{ width:100%; } .zidian article .basic .info li.stroke_order_number{ width:100%; } .zidian article .basic .parameter2{ clear: both; border:#eee 1px solid; display:flow-root; margin-top:20px; } .zidian article .basic .parameter2 li{ position:relative; height:auto; min-height:28px; line-height:28px; } @media screen and ( min-width:601px ) { .zidian article .basic .parameter2 li{ width:33.333333%; float:left; } } .zidian article .basic .parameter2 li:before{ content:""; position:absolute; right:-1px; top:0; width:1px; height:100%; background-color:#eee; } .zidian article .basic .parameter2 li:after{ content:""; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background-color:#eee; } .zidian article .basic .parameter2 li span[date-type="name"]{ position:absolute; left:0; top:0; float:left; display:inline-block; width:100px; height:calc( 100% - 2px ); margin:1px 0; color:#666; text-align:right; background-color: #f5f5f5; padding-right:5px; font-size:13px; } .zidian article .basic .parameter2 li div{ float:right; display:inline-block; width:calc( 100% - 110px ); } .zidian article .basic .parameter2 li div span{ margin:0 5px; } .zidian article .basic .parameter3{ clear: both; border:#eee 1px solid; display:flow-root; margin-top:20px; } .zidian article .basic .parameter3 li{ position:relative; width:100%; height:auto; min-height:28px; line-height:28px; float:left; } .zidian article .basic .parameter3 li:before{ content:""; position:absolute; right:-1px; top:0; width:1px; height:100%; background-color:#eee; } .zidian article .basic .parameter3 li:after{ content:""; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background-color:#eee; } .zidian article .basic .parameter3 li span[date-type="name"]{ position:absolute; left:0; top:0; float:left; display:inline-block; width:100px; height:calc( 100% - 2px ); margin:1px 0; color:#666; text-align:right; background-color: #f5f5f5; padding-right:5px; font-size:13px; } .zidian article .basic .parameter3 li div{ float:right; display:inline-block; width:calc( 100% - 110px ); } .zidian article .basic .parameter3 li div span{ margin:0 5px; } .zidian article .basic .parameter3 li div ul.similarity{ } .zidian article .basic .parameter3 li div ul.similarity li{ } .zidian article .basic .parameter3 li div ul.similarity li span{ position: absolute; z-index: 3; left: 0; top: 0; width: auto; height: 100%; background-color: rgba(255,255,255,0.9); margin: 0 0; padding: 0 5px; } .zidian article .basic .parameter3 li div ul.similarity li small[data-type="proportion"]{ display: inline-block; position: absolute; left: 0; top: 0; background-color: #c3def1; background: -webkit-gradient(linear, left top, left bottom, from(#c3def1), to(#a5bccc)); background: -moz-linear-gradient(top, #c3def1, #a5bccc); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c3def1', endColorstr='#a5bccc'); height: calc( 100% - 2px ); z-index: 1; margin:1px 0; } .zidian article .basic .parameter3 li div ul.similarity li small[data-type="similarity"]{ display: inline-block; position: absolute; right: 0; top: 0; height: 100%; z-index: 2; padding-right:10px; } .zidian article .module{ margin:20px 0; } .zidian article .module .name{ } .zidian article .module .name h2{ font-size:18px; font-weight:normal; height:36px; line-height:36px; } .zidian article .module ul{ display:flow-root; border:#ddd 1px solid; overflow:hidden; } .zidian article .module li{ position:relative; width:50%; float:left; text-indent:10px; padding:5px 0; } .zidian article .module li:before{ content:""; position:absolute; right:0; top:0; width:1px; height:1000%; background-color:#ddd; } .zidian article .module li:nth-child(2n):before{ display:none; } .zidian article .module li:after{ content:""; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background-color:#ddd; } .zidian article .module li div[data-type="zuchengci"]{ font-size:15px; line-height:21px; padding:5px 0 2px 0; } .zidian article .module li div[data-type="zuchengci"] .arial{ font-family:Arial, Helvetica, sans-serif; margin-right:2px; } .zidian article .module li div[data-type="zuchengci"] strong{ color:#d40000; } .zidian article .module li div[data-type="cixing"]{ font-size:12px; color:#666; line-height:16px; } @media screen and ( max-width:1024px ) { .zidian article .basic .info li:nth-child(1), .zidian article .basic .info li:nth-child(2){ width:100%; } } @media screen and ( max-width:600px ) { .zidian article .basic .zi{ width:150px; height:150px; line-height:150px; } .zidian article .basic .zi span{ font-size:100px; } .zidian article .basic .info{ width:calc( 100% - 160px ); } .zidian article .basic .info li{ width:100%; height:auto; min-height:20px; line-height:20px; margin:2px 0; font-size:14px; } .zidian article .basic .info li span[date-type="name"]{ width:60px; height:20px; line-height:20px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; } .zidian article .basic .info li div{ width:calc( 100% - 70px ); } .zidian article .basic .info li.pinyin div span[date-type="info"]{ font-size:18px; } .zidian article .module li{ width:100%; } .zidian article .module li:before{ display:none; } } .jinyici{} .jinyici article{} .jinyici article .basic{ border:#ddd 1px solid; background-color:#f5f5f5; } .jinyici article .basic .source{ padding:20px 20px 20px 20px; border-bottom: #e7e7e7 1px solid; } .jinyici article .basic .source .pinyin{ line-height:24px; } .jinyici article .basic .jinyici-list{ background-color:#fff; padding: 20px 20px 40px 20px; position: relative; } .jinyici article .basic .jinyici-list .project-name{ display: inline-block; float: left; width: auto; height: 22px; line-height: 22px; padding: 0 10px; margin-right: 10px; text-align: center; font-size: 12px; background-color: var(--main-main_color); border: var(--main-main_color) 1px solid; box-shadow: 0 0 10px #9ad099; border-radius: 4px; user-select: none; color: #fff; position: absolute; bottom: 0; right: 0; margin: 10px; } .jinyici article .basic .jinyici-list ul{ display:flow-root; } .jinyici article .basic .jinyici-list li{} .jinyici article .shiyi{ margin-top:20px; line-height: 24px; } .jinyici article .shiyi .project-name{ position: relative; padding-left: 20px; } .jinyici article .shiyi .project-name:before { content: ""; position: absolute; left: 0; top: calc( 50% - 5px); width: 10px; height: 10px; background-color: var(--main-main_color); box-shadow: 3px 3px 0 rgba(68,178,66,0.6); } .jinyici article .shiyi .item{ margin: 10px 0 0 20px; } .jinyici article .shiyi .item ul{ position: relative; } .jinyici article .shiyi .item li{ position: relative; margin-top: 20px; margin-left: 0; padding-left: 20px; counter-increment: sidebar1-item; } .jinyici article .shiyi .item li:before { content: counter(sidebar1-item); position: absolute; z-index: 1; left: 0; top: 0; width: 24px; height: 24px; line-height: 24px; color: #666; font-family: Arial, Helvetica, sans-serif; font-style: italic; } .jinyici article .shiyi .item li .ciyu{} .jinyici article .shiyi .item li .pinyin{ color:#333; } .jinyici article .shiyi .item li .explain{} .jinyici article .zidian-c{ margin-top:20px; line-height: 24px; } .jinyici article .zidian-c .project-name{ position: relative; padding-left: 20px; } .jinyici article .zidian-c .project-name:before { content: ""; position: absolute; left: 0; top: calc( 50% - 5px); width: 10px; height: 10px; background-color: var(--main-main_color); box-shadow: 3px 3px 0 rgba(68,178,66,0.6); } .jinyici article .zidian-c .project-content{ padding-left: 20px; margin-top:10px; } .jinyici article .zidian-c .project-content ul{ } .jinyici article .zidian-c .project-content li{ display: inline-block; padding: 0 0; border: #e9e9e9 1px solid; width: 28px; height: 28px; line-height: 28px; text-align: center; } .jinyici article .zidian-c .project-content li a{ display:block; } .ckzl{ } .ckzl .title{ line-height:45px; border-bottom:2px solid #ccc; } .ckzl .title h5{ font-weight:200; font-size:19px; color:#333; } .ckzl ul{ } .ckzl ul li{ height:30px; line-height:30px; overflow:hidden; } .ckzl ul li small{ color:#999; font-family:Arial, Helvetica, sans-serif; } .ckzl ul li a{ font-size:13px; color:#666; } article .category{ font-size:15px; font-weight:unset; } article .category a{ color:var(--main-main_color); } @media screen and ( max-width:1024px ) { .eb304518e{ padding:17px; } .eb304518e h1.cecf865f8{ text-align:left; font-size:21px; line-height:26px; } .eb304518e .f50de555b{ text-align:left; } .eb304518e .f50de555b .f50fa195d{ display:none; } } .statement{ background-color: #e2e2e2; color: #8e0000; font-size: 13px; } .statement ul{ position:relative; } .statement li{ position:relative; z-index:2; line-height:21px; text-align: justify; } .statement li:nth-child(1){ position:relative; border-bottom: #bfbfbf 1px solid; } .statement li:nth-child(1):before { content: ""; width: 100%; height: 1px; position: absolute; bottom: -2px; background-color: #fff; } .statement li dl{ margin-top:10px; } .statement li dl dt{ } .statement li dl dd{ } .statement li dl dd:nth-last-child(1){ font-family:Arial, Helvetica, sans-serif; } .statement li dl dd:nth-last-child(2){ } .statement li icon{ color: #fff; font-size: 13px; margin-right:6px; } .aced57ba0{ padding:34px; } .aced57ba0 ul{ } .aced57ba0 li{ position:relative; line-height:32px; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; } .aced57ba0 li:nth-child(1):before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#f5f6f7; } .aced57ba0 li span{ color:#999; } @media screen and ( max-width:1024px ) { .aced57ba0{ padding:17px; } } .b3d50196a{ } .b3d50196a ul{ } .b3d50196a li{ border-bottom:#eee 1px solid; padding:34px 0; } .b3d50196a li:nth-child(1){ padding-top:20px; } .b3d50196a li:nth-last-child(1){ border-bottom:none; } .b3d50196a li .f362336eb{ display:contents; } .b3d50196a li .f362336eb a{ position:relative; z-index:2; display:inline-block; width:auto; color:#fff; padding:2px 10px; margin-right:10px; font-size:12px; text-align:center; } .b3d50196a li .f362336eb a:before{ content:""; position:absolute; z-index:1; right:-5px; top:calc( 50% - 5px); width:0; height:0; border-width:5px 0 5px 5px; border-style:solid; border-color:transparent transparent transparent var(--main-main_color); opacity:0.6; } .b3d50196a li .f362336eb a:after{ content:""; position:absolute; z-index:-1; left:0; top:0; width:100%; height:100%; background-color:var(--main-main_color); box-shadow:2px 3px 5px rgb(0,0,0,0.36); opacity:1; } .b3d50196a li h3{ display:inline-block; font-size:18px; line-height:21px; } .b3d50196a figure img{ width:100%; height:auto; } .b3d50196a .cc7c2506f{ display:flow-root; } .b3d50196a .cc7c2506f{ } .b3d50196a .cc7c2506f a{ width:calc(33.333333% - 13.333333px); margin:10px 10px 10px 10px; float:left; } .b3d50196a .cc7c2506f a:nth-child(2){ width:calc(33.333333% + 7.333333px); margin-left:0; margin-right:0; } .b3d50196a .cc7c2506f a:nth-child(3n){ float:right; margin-left:0; margin-right:0; } .b3d50196a .cc7c2506f a:nth-child(3n+1){ margin-left:0; } .b3d50196a .cc7c2506f figure{ position:relative; height:160px; overflow:hidden; border:rgba(0,0,0,0.08) 1px solid; box-shadow:2px 5px 10px #e9e9e9; border-radius:4px; } .b3d50196a .cc7c2506f figure img{ position:absolute; left:0; bottom:0; width:100%; height:auto; min-height:160px; transition:all 0.6s; } .b3d50196a .cc7c2506f figure:hover img{ transform:scale(1.1); } .b3d50196a .cc7c2506f .f709d50be{ display:table; text-align:justify; margin-top:10px; } .b3d50196a .cc7c2506f .f709d50be p{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; overflow:hidden; color:#666; font-size:15px; } .b3d50196a .cc7c2506f .f709d50be .b7d1f0a8f{ } .b3d50196a .cc7c2506f .f709d50be .b7d1f0a8f .fc39ac436, .b3d50196a .cc7c2506f .f709d50be .b7d1f0a8f .ea30c22f4, .b3d50196a .cc7c2506f .f709d50be .b7d1f0a8f .bb894aab9{ color:#888; margin-right:20px; font-size:12px; } .b3d50196a .cc7c2506f .f709d50be .b7d1f0a8f .fc39ac436 span, .b3d50196a .cc7c2506f .f709d50be .b7d1f0a8f .ea30c22f4 span{ font-family:Arial, Helvetica, sans-serif; color:#999; font-size:13px; } .b3d50196a .cc7c2506f .f709d50be .b7d1f0a8f .ea30c22f4 span{ padding:0 5px; } .b3d50196a .cc7c2506f .f709d50be .b7d1f0a8f .bb894aab9{ margin-right:0; } .b3d50196a .cc7c2506f .f709d50be .b7d1f0a8f .bb894aab9 a{ width:auto; margin:inherit; padding:0 10px; border:#ddd 1px solid; background-color:#f9f9f9; color:#999; line-height:21px; } .b3d50196a .cc7c2506f .f709d50be .b7d1f0a8f .bb894aab9 a:hover{ background-color:var(--main-main_color); color:#fff; } @media screen and ( max-width:1024px ) { .b3d50196a .cc7c2506f figure{ height:124px; } .b3d50196a .cc7c2506f figure img{ min-height:124px; } .b3d50196a .cc7c2506f .f709d50be p{ -webkit-line-clamp:4; font-size:14px; line-height:24px; } } @media screen and ( max-width:768px ) { .b3d50196a .cc7c2506f figure{ height:140px; } .b3d50196a .cc7c2506f figure img{ min-height:140px; } .b3d50196a .cc7c2506f .f709d50be p{ -webkit-line-clamp:4; font-size:14px; line-height:24px; } } @media screen and ( max-width:600px ) { .b3d50196a li{ padding:17px 0; } .b3d50196a .cc7c2506f figure{ height:70px; } .b3d50196a .cc7c2506f figure img{ min-height:70px; } .b3d50196a .cc7c2506f .f709d50be p{ -webkit-line-clamp:3; } .b3d50196a .cc7c2506f .f709d50be .b7d1f0a8f{ display:none; } } .c0852aa3b{ padding:34px; } .c0852aa3b h1.cecf865f8{ font-weight:bold; color:#000; } .c0852aa3b article{ line-height:24px; font-size:15px; text-align:justify; color:#000; } .c0852aa3b article p{ margin-top:20px; } .c0852aa3b article p:nth-child(1){ margin-top:0; } .c0852aa3b article img{ display:flow-root; width:auto; height:auto; max-width:calc( 100% - 40px ); margin:20px auto; } .c0852aa3b article .e651f4e3b{ } .c0852aa3b article .e651f4e3b a{ display:inline-block; line-height:28px; font-size:12px; background-color:var(--main-main_color); color:#fff; margin:10px 2px; padding:0 10px; border-radius:4px; box-shadow:1px 1px 10px rgba(0,0,0,0.2); } .c0852aa3b article .f50de555b{ font-size:13px; text-align:right; color:#999; } .c0852aa3b article .f50de555b span{ font-family:Arial, Helvetica, sans-serif; } @media screen and ( max-width:1024px ) { .c0852aa3b{ padding:17px; } .c0852aa3b h1.cecf865f8{ text-align:left; font-size:21px; line-height:26px; } } .a8b949d3b{ width:100%; background-color:#fff; border:#ddd 1px solid; } .a65aaa5e0{ } .a65aaa5e0 img{ width:auto; max-width:100%; } .d69aef5ab{ text-align:center; } .d69aef5ab[aria-hidden="true"]{ display:block; } .bx-wrapper{ position:relative; padding:0; *zoom:1; -ms-touch-action:pan-y; touch-action:pan-y; } .bx-wrapper img{ width:100%; max-width:100%; display:block; } .bxslider{ margin:0; padding:0; -webkit-perspective:1000; } ul.bxslider{ list-style:none; } .bx-viewport{ -webkit-transform:translateZ(0); } .bx-wrapper{} .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ position:absolute; bottom:-30px; width:100%; } .bx-wrapper .bx-loading{ min-height:50px; height:100%; width:100%; position:absolute; top:0; left:0; z-index:2000; } .bx-wrapper .bx-pager{ text-align:center; font-size:.85em; font-family:Arial; font-weight:bold; color:#666; margin-bottom:50px; } .bx-wrapper .bx-pager.bx-default-pager a{ background:#666; text-indent:-9999px; display:block; width:10px; height:10px; margin:0 5px; outline:0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus{ background-color:#fff; } .bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item{ display:inline-block; vertical-align:bottom; *zoom:1; *display:inline; } .bx-wrapper .bx-pager-item{ font-size:0; line-height:0; } .bx-wrapper .bx-prev{ left:10px; } .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus{ background-position:0 0; } .bx-wrapper .bx-next{right:10px; } .bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus{ background-position:-43px 0; } .bx-wrapper .bx-controls-direction a{ position:absolute; top:50%; margin-top:-16px; outline:0; width:32px; height:32px; text-indent:-9999px; z-index:9999; } .bx-wrapper .bx-controls-direction a.disabled{ display:none; } .bx-wrapper .bx-controls-auto{ text-align:center; } .bx-wrapper .bx-controls-auto .bx-start{ display:block; text-indent:-9999px; width:10px; height:11px; outline:0; margin:0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus{ background-position:-86px 0; } .bx-wrapper .bx-controls-auto .bx-stop{ display:block; text-indent:-9999px; width:9px; height:11px; outline:0; margin:0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus{ background-position:-86px -33px; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{ text-align:left; width:80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{ right:0; width:35px; } .bx-wrapper .bx-caption{ position:absolute; bottom:0; left:0; background:#666; background:rgba(80, 80, 80, 0.75); width:100%; } .bx-wrapper .bx-caption span{ color:#fff; font-family:Arial; display:block; font-size:.85em; padding:10px; } @media screen and ( max-width:1024px ){ .bx-wrapper .bx-pager{ margin-bottom:36px; } .bx-controls-direction{ display:none; } } .bfce6d661{ } .bfce6d661 ul{ } .bfce6d661 li{ border-bottom:#eee 1px solid; padding:34px 0; } .bfce6d661 li:nth-child(1){ padding-top:20px; } .bfce6d661 li:nth-last-child(1){ border-bottom:none; } .bfce6d661 li .f362336eb{ display:contents; } .bfce6d661 li .f362336eb a{ position:relative; z-index:2; display:inline-block; width:auto; color:#fff; padding:2px 10px; margin-right:10px; font-size:12px; text-align:center; } .bfce6d661 li .f362336eb a:before{ content:""; position:absolute; z-index:1; right:-5px; top:calc( 50% - 5px); width:0; height:0; border-width:5px 0 5px 5px; border-style:solid; border-color:transparent transparent transparent var(--main-main_color); opacity:0.6; } .bfce6d661 li .f362336eb a:after{ content:""; position:absolute; z-index:-1; left:0; top:0; width:100%; height:100%; background-color:var(--main-main_color); box-shadow:2px 3px 5px rgb(0,0,0,0.36); opacity:1; } .bfce6d661 li h3{ display:inline-block; font-size:18px; line-height:21px; } .bfce6d661 figure img{ width:100%; height:auto; } .bfce6d661 .cc7c2506f{ display:flow-root; } .bfce6d661 .cc7c2506f{ } .bfce6d661 .cc7c2506f a{ width:calc(33.333333% - 13.333333px); margin:10px 10px 10px 10px; float:left; } .bfce6d661 .cc7c2506f a:nth-child(2){ width:calc(33.333333% + 7.333333px); margin-left:0; margin-right:0; } .bfce6d661 .cc7c2506f a:nth-child(3n){ float:right; margin-left:0; margin-right:0; } .bfce6d661 .cc7c2506f a:nth-child(3n+1){ margin-left:0; } .bfce6d661 .cc7c2506f figure{ position:relative; height:160px; overflow:hidden; border:rgba(0,0,0,0.08) 1px solid; box-shadow:2px 5px 10px #e9e9e9; border-radius:4px; } .bfce6d661 .cc7c2506f figure img{ position:absolute; left:0; bottom:0; width:100%; height:auto; min-height:160px; transition:all 0.6s; } .bfce6d661 .cc7c2506f figure:hover img{ transform:scale(1.1); } .bfce6d661 .cc7c2506f .f709d50be{ display:table; text-align:justify; margin-top:10px; } .bfce6d661 .cc7c2506f .f709d50be p{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; overflow:hidden; color:#666; font-size:15px; } .bfce6d661 .cc7c2506f .f709d50be .b7d1f0a8f{ } .bfce6d661 .cc7c2506f .f709d50be .b7d1f0a8f .fc39ac436, .bfce6d661 .cc7c2506f .f709d50be .b7d1f0a8f .ea30c22f4, .bfce6d661 .cc7c2506f .f709d50be .b7d1f0a8f .bb894aab9{ color:#888; margin-right:20px; font-size:12px; } .bfce6d661 .cc7c2506f .f709d50be .b7d1f0a8f .fc39ac436 span, .bfce6d661 .cc7c2506f .f709d50be .b7d1f0a8f .ea30c22f4 span{ font-family:Arial, Helvetica, sans-serif; color:#999; font-size:13px; } .bfce6d661 .cc7c2506f .f709d50be .b7d1f0a8f .ea30c22f4 span{ padding:0 5px; } .bfce6d661 .cc7c2506f .f709d50be .b7d1f0a8f .bb894aab9{ margin-right:0; } .bfce6d661 .cc7c2506f .f709d50be .b7d1f0a8f .bb894aab9 a{ width:auto; margin:inherit; padding:0 10px; border:#ddd 1px solid; background-color:#f9f9f9; color:#999; line-height:21px; } .bfce6d661 .cc7c2506f .f709d50be .b7d1f0a8f .bb894aab9 a:hover{ background-color:var(--main-main_color); color:#fff; } @media screen and ( max-width:1024px ) { .bfce6d661 .cc7c2506f figure{ height:124px; } .bfce6d661 .cc7c2506f figure img{ min-height:124px; } .bfce6d661 .cc7c2506f .f709d50be p{ -webkit-line-clamp:4; font-size:14px; line-height:24px; } } @media screen and ( max-width:768px ) { .bfce6d661 .cc7c2506f figure{ height:140px; } .bfce6d661 .cc7c2506f figure img{ min-height:140px; } .bfce6d661 .cc7c2506f .f709d50be p{ -webkit-line-clamp:4; font-size:14px; line-height:24px; } } @media screen and ( max-width:600px ) { .bfce6d661 li{ padding:17px 0; } .bfce6d661 .cc7c2506f figure{ height:70px; } .bfce6d661 .cc7c2506f figure img{ min-height:70px; } .bfce6d661 .cc7c2506f .f709d50be p{ -webkit-line-clamp:3; } .bfce6d661 .cc7c2506f .f709d50be .b7d1f0a8f{ display:none; } } .d49d7304a{} .d49d7304a ul{} .d49d7304a li{ float:left; font-size:12px; padding-right:10px; } .d49d7304a li a{ display:block; color:#666; } .clear{ clear:both; } div[data-type="process"]{ margin:24px 0; } .tagging{ color:#d40000; } div[data-type="process"] .question{ display:flow-root; margin-top:10px; } div[data-type="process"] .question .name{ float:left; width:60px; color:#999; } div[data-type="process"] .question .info{ float:right; width:calc( 100% - 60px ); } div[data-type="process"] .answer{ display:flow-root; margin-top:10px; } div[data-type="process"] .answer .name{ float:left; width:60px; color:#999; } div[data-type="process"] .answer .info{ float:right; width:calc( 100% - 60px ); } div[data-type="process"] .description{ display:flow-root; margin-top:10px; } div[data-type="process"] .description .name{ float:left; width:60px; color:#999; } div[data-type="process"] .description .info{ float:right; width:calc( 100% - 60px ); } div[data-type="process"] .addition{ display:inline-flex; position:relative; margin:10px 0; } div[data-type="process"] .addition .name{ float:left; width:60px; color:#999; } div[data-type="process"] .addition .info{ float:right; width:calc( 100% - 60px ); } div[data-type="process"] .addition .info .minus-sign{ display:contents; font-size:78px; font-weight:100; } div[data-type="process"] .addition .info .before{ display:contents; font-size: 220px; font-weight: 100; color:rgba(0,0,0,0.5); } div[data-type="process"] .addition .info .after{ display:contents; font-size: 220px; font-weight: 100; color:rgba(0,0,0,0.5); } div[data-type="process"] .addition .info .calculation-unit{ display:contents; position:relative; display:flow-root; margin:0 34px 0 34px; } div[data-type="process"] .addition .info .calculation-unit .counting-unit{ position:relative; display:flow-root; padding:2px 34px; } div[data-type="process"] .addition .info .calculation-unit .counting-unit .paralleled{ float: left; height: 100px; writing-mode: vertical-lr; display: block; } div[data-type="process"] .addition .info .calculation-unit .equation-unit{ position:relative; display:flow-root; padding:10px 34px; } div[data-type="process"] .addition .info .calculation-unit .equation-unit .operational-symbol{ position: absolute; left: 0; bottom: 10px; } div[data-type="process"] .addition .info .calculation-unit .equation-unit .operational-symbol small{ display: block; width: 36px; height: 36px; line-height: 36px; text-align: center; margin: 15px 0; font-size: 18px; } div[data-type="process"] .addition .info .calculation-unit .equation-unit .vertical{ position:relative; float:left; } div[data-type="process"] .addition .info .calculation-unit .answer-unit{ position:relative; display:flow-root; padding:10px 34px; } div[data-type="process"] .addition .info .calculation-unit .answer-unit:before{ content:""; position:absolute; left:0; top:0; width:100%; height:2px; background-color:#000; } div[data-type="process"] .addition .info .calculation-unit .answer-unit .operation-result{ position: absolute; left: -26px; top: -12px; font-size: 20px; font-weight: bold; } div[data-type="process"] .addition .info .calculation-unit .answer-unit .operation-result small{ } div[data-type="process"] .addition .info .calculation-unit .answer-unit .paralleled{ float:left; } div[data-type="process"] .addition .info .counting-unit .paralleled span, div[data-type="process"] .addition .info .calculation-unit .vertical span, div[data-type="process"] .addition .info .calculation-unit .paralleled span{ display:block; position:relative; font-size:21px; width:36px; height:36px; line-height:36px; display:block; border:#eee 1px solid; background-color:#fff; text-align:center; margin:15px 1px; opacity:0.5; } div[data-type="process"] .addition .info .counting-unit .paralleled span{ height:auto; font-size:15px; text-align:end; padding:10px 0; user-select:none; } div[data-type="process"] .addition .info .calculation-unit .equation-unit .vertical span[true]{ opacity:1; } div[data-type="process"] .addition .info .calculation-unit .equation-unit .vertical small{ position: absolute; left: 0; bottom: 0; margin-bottom: -12px; margin-left: -15px; color:#d40000; } div[data-type="process"] .addition .info .calculation-unit .equation-unit .vertical small.x2{ margin-left: -55px; } div[data-type="process"] .addition .info .calculation-unit .equation-unit .vertical span[complement]{ display:block; color:#d40000; user-select:none; border:none; background-color: transparent; padding:0; margin:0; } div[data-type="process"] .addition .info .calculation-unit .answer-unit .paralleled span{ background-color:#fafafa; border:#bbb 1px solid; opacity:1; } div[data-type="process"] .addition .info .calculation-unit .answer-unit .paralleled span[remove]{ display:block; color:#d40000; text-decoration: line-through; user-select:none; border:none; background-color: transparent; padding:0; margin:0; } div[data-type="process"] .subtraction{ display:inline-flex; position:relative; margin:10px 0; } div[data-type="process"] .subtraction .name{ float:left; width:60px; color:#999; } div[data-type="process"] .subtraction .info{ float:right; width:calc( 100% - 60px ); } div[data-type="process"] .subtraction .info .minus-sign{ display:contents; font-size:78px; font-weight:100; } div[data-type="process"] .subtraction .info .before{ display:contents; font-size: 220px; font-weight: 100; color:rgba(0,0,0,0.5); } div[data-type="process"] .subtraction .info .after{ display:contents; font-size: 220px; font-weight: 100; color:rgba(0,0,0,0.5); } div[data-type="process"] .subtraction .info .calculation-unit{ display:contents; position:relative; display:flow-root; margin:0 34px 0 34px; } div[data-type="process"] .subtraction .info .calculation-unit .counting-unit{ position:relative; display:flow-root; padding:2px 34px; } div[data-type="process"] .subtraction .info .calculation-unit .counting-unit .paralleled{ float: left; height: 100px; writing-mode: vertical-lr; display: block; } div[data-type="process"] .subtraction .info .calculation-unit .equation-unit{ position:relative; display:flow-root; padding:10px 34px; } div[data-type="process"] .subtraction .info .calculation-unit .equation-unit .operational-symbol{ position: absolute; left: 0; bottom: 10px; } div[data-type="process"] .subtraction .info .calculation-unit .equation-unit .operational-symbol small{ display: block; width: 36px; height: 36px; line-height: 36px; text-align: center; margin: 15px 0; font-size: 18px; } div[data-type="process"] .subtraction .info .calculation-unit .equation-unit .vertical{ position:relative; float:left; } div[data-type="process"] .subtraction .info .calculation-unit .answer-unit{ position:relative; display:flow-root; padding:10px 34px; } div[data-type="process"] .subtraction .info .calculation-unit .answer-unit:before{ content:""; position:absolute; left:0; top:0; width:100%; height:2px; background-color:#000; } div[data-type="process"] .subtraction .info .calculation-unit .answer-unit .operation-result{ position: absolute; left: -26px; top: -12px; font-size: 20px; font-weight: bold; } div[data-type="process"] .subtraction .info .calculation-unit .answer-unit .operation-result small{ } div[data-type="process"] .subtraction .info .calculation-unit .answer-unit .paralleled{ float:left; } div[data-type="process"] .subtraction .info .counting-unit .paralleled span, div[data-type="process"] .subtraction .info .calculation-unit .vertical span, div[data-type="process"] .subtraction .info .calculation-unit .paralleled span{ display:block; position:relative; font-size:21px; width:36px; height:36px; line-height:36px; display:block; border:#eee 1px solid; background-color:#fff; text-align:center; margin:15px 1px; opacity:0.5; } div[data-type="process"] .subtraction .info .counting-unit .paralleled span{ height:auto; font-size:15px; text-align:end; padding:10px 0; user-select:none; } div[data-type="process"] .subtraction .info .calculation-unit .equation-unit .vertical span[true]{ opacity:1; } div[data-type="process"] .subtraction .info .calculation-unit .equation-unit .vertical small{ position: absolute; left: 0; top: 0; margin-top: 5px; margin-left: calc( 50% - 43px); text-indent: -60px; overflow: hidden; width: 6px; height: 6px; background-color: #d40000; border-radius: 50%; } div[data-type="process"] .subtraction .info .calculation-unit .equation-unit .vertical small.x2{ margin-left:calc( 50% - 83px); } div[data-type="process"] .subtraction .info .calculation-unit .equation-unit .vertical span[complement]{ display:block; color:#d40000; user-select:none; border:none; background-color: transparent; padding:0; margin:0; } div[data-type="process"] .subtraction .info .calculation-unit .answer-unit .paralleled span{ background-color:#fafafa; border:#bbb 1px solid; opacity:1; } div[data-type="process"] .subtraction .info .calculation-unit .answer-unit .paralleled span[remove]{ display:block; color:#d40000; text-decoration: line-through; user-select:none; border:none; background-color: transparent; padding:0; margin:0; } div.translate{} div.translate article{ text-align:inherit; color:#000; } div.translate section[data-translation="true"]{ margin-top:20px; border:#eee 1px solid; } div.translate section[data-translation="true"] div[data-type="translation-name"]{ padding:0 20px; margin:10px 0 0 0; border-bottom:#eee 1px solid; padding-bottom:10px; } div.translate section[data-translation="true"] div[data-type="translation-name"] h2{ position:relative; display:inline-block; font-weight:bold;; color:#000; font-size:21px; } div.translate section[data-translation="true"] div[data-type="translation-name"] h2 sup{ font-size:10px; margin-left:10px; background-color:#eee; border:#ddd 1px solid; padding:0 8px; height:21px; line-height:21px; color:#333; font-weight:100; user-select:none; float:right; } div.translate section[data-translation="true"] dl{ position:relative; display:flow-root; background-color:#f5f5f5; padding:20px 20px 28px 20px; } div.translate section[data-translation="true"] dt, div.translate section[data-translation="true"] dd { font-family:Arial, Helvetica, sans-serif; margin-top:8px; } div.translate section[data-translation="true"] dt{ position:absolute; right:10px; bottom:8px; font-size:12px; color:#666; } div.translate section[data-translation="true"] dd{ display:flow-root; font-size:12px; line-height:24px; } div.translate section[data-translation="true"] dd[data-type="translation-of"] span{ font-family:webfont; display:inline-block; float:left; width:auto; height:22px; line-height:22px; padding:0 10px; margin-right:10px; text-align:center; font-size:12px; background-color:var(--main-main_color); border:var(--main-main_color) 1px solid; box-shadow:0 0 10px #9ad099; border-radius:4px; user-select:none; color:#fff; } div.translate section[data-translation="true"] dd[data-type="translation-of"] strong{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:21px; color:#000; } div.translate section[data-translation="true"] dd[data-type="phonetic-symbols"] em{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; } div.translate section[data-translation="true"] dd[data-type="pronunciation"] .play{ display: inline-block; position: relative; top: 2px; height: 16px; line-height: 16px; cursor: pointer; } div.translate section[data-translation="true"] dd[data-type="pronunciation"] .play .icon-play{ border: #404040 8px solid; } div.translate section[data-translation="true"] dd[data-type="pronunciation"] .play .icon-play:before{ left: -2px; top: -4px; border-width: 4px 0 4px 6px; } div.translate section[data-translation="true"] dd[data-type="pronunciation"] .play .icon-play.icon-suspend:before{ left: -4px; top: -3px; width: 2px; height: 6px; border-color: transparent #fff; border-width: 0 3px; } div.translate section[data-phonetic_symbols="true"]{ margin-top:30px; } div.translate section[data-phonetic_symbols="true"] .project-name{ position:relative; padding-left:20px; } div.translate section[data-phonetic_symbols="true"] .project-name:before{ content:""; position: absolute; left:0; top:calc( 50% - 5px); width:10px; height:10px; background-color:var(--main-main_color); box-shadow:3px 3px 0 rgba(68,178,66,0.6); } div.translate section[data-phonetic_symbols="true"] .project-content{ margin:10px 0 0 20px; } div.translate section[data-phonetic_symbols="true"] .project-content ul{ } div.translate section[data-phonetic_symbols="true"] .project-content li{ line-height:28px; } div.translate section[data-phonetic_symbols="true"] .project-content li span{ color:#666; font-size:14px; } div.translate section[data-phonetic_symbols="true"] .project-content li em{ font-family:Arial, Helvetica, sans-serif; } div.translate section[data-words="true"]{ margin-top:30px; } div.translate section[data-words="true"] .project-name{ position:relative; padding-left:20px; } div.translate section[data-words="true"] .project-name:before{ content:""; position: absolute; left:0; top:calc( 50% - 5px); width:10px; height:10px; background-color:var(--main-main_color); box-shadow:3px 3px 0 rgba(68,178,66,0.6); } div.translate section[data-words="true"] .project-content{ margin:10px 0 0 20px; } div.translate section[data-words="true"] .project-content ul{ position:relative; margin-left: 5px; } div.translate section[data-words="true"] .project-content ul:before{ content:""; position:absolute; left:0; top:0; width:1px; height:100%; background-color: #eee; } div.translate section[data-words="true"] .project-content li{ position:relative; margin-left: 20px; margin-top:20px; } div.translate section[data-words="true"] .project-content li .phrase{ position:relative; height: 28px; line-height: 28px; } div.translate section[data-words="true"] .project-content li .phrase:before{ content:""; position:absolute; left: -24px; top: 9px; width:10px; height:10px; background-color:#999; border-radius:50%; } div.translate section[data-words="true"] .project-content li .phrase:after{ content:""; position:absolute; left: -22px; top: 11px; width:6px; height:6px; background-color:#fff; border-radius:50%; } div.translate section[data-words="true"] .project-content li:hover .phrase:before{ background-color:var(--main-main_color); } div.translate section[data-words="true"] .project-content li .english-test-system{ margin-top:10px; } div.translate section[data-words="true"] .project-content li .english-test-system span, div.translate section[data-words="true"] .project-content li .english-test-system string, div.translate section[data-words="true"] .project-content li .english-test-system em{ display: inline-block; background-color: #eee; width: auto; height: 28px; line-height: 28px; padding: 0 10px; margin-right:5px; border-radius: 4px; font-style: inherit; font-weight: unset; font-size: 13px; color: #333; } div.translate section[data-words="true"] .project-content li .definition{ margin-top: 0; display: flow-root; } div.translate section[data-words="true"] .project-content li .definition .item{ border: #eee 1px solid; background-color:#fafafa; padding: 10px; margin: 10px 0 10px 0; overflow: hidden; } @media screen and ( min-width:1025px ) { div.translate section[data-words="true"] .project-content li .definition .item.arrangement-n{ float: left; width: calc( 33.333333% - 35.333333px); height: 108px; min-height: 108px; margin: 10px 10px 10px 10px; } div.translate section[data-words="true"] .project-content li .definition .item.arrangement-n:nth-child(3n){ margin-right:0; } div.translate section[data-words="true"] .project-content li .definition .item.arrangement-n:nth-child(3n+1){ margin-left:0; } } div.translate section[data-words="true"] .project-content li .definition .item .part-of-speech{ color:#666; } div.translate section[data-words="true"] .project-content li .definition .item .word-definition{ line-height:24px; margin-top:10px; } div.translate section[data-words="true"] .project-content li .definition .item .word-definition span, div.translate section[data-words="true"] .project-content li .definition .item .word-definition strong, div.translate section[data-words="true"] .project-content li .definition .item .word-definition em{ display: inline-block; margin: 0 10px 0 0; } div.translate section[data-words="true"] .project-content li .definition .example-sentences{ } div.translate section[data-words="true"] .project-content li .definition .example-sentences ul{ margin-left: 5px; } div.translate section[data-words="true"] .project-content li .definition .example-sentences ul:before{ display:none; } div.translate section[data-words="true"] .project-content li .definition .example-sentences li{ position:relative; margin-top:20px; margin-left:0; padding-left:20px; counter-increment:sidebar1-item; } div.translate section[data-words="true"] .project-content li .definition .example-sentences li:before{ content:counter(sidebar1-item); position:absolute; z-index:1; left:0; top:0; width:20px; height:20px; line-height:20px; color:#999; font-family:Arial, Helvetica, sans-serif; } div.translate section[data-words="true"] .project-content li .definition .example-sentences li div{ line-height: 20px; } div.translate section[data-words="true"] .project-content li .definition .example-sentences li div:nth-child(1){ } div.translate section[data-words="true"] .project-content li .definition .example-sentences li div:nth-child(2){ font-family:Arial, Helvetica, sans-serif; margin-top: 10px; color: #333; } div.translate section[data-words="true"] .project-content li .definition .example-sentences li div a{ color: var(--main-main_color); } div.translate section[data-words="true"] .project-content li .definition .example-sentences li div span{ font-weight:bold; color:#d40000; } div.translate section[data-example_sentence="true"]{ margin-top:30px; } div.translate section[data-example_sentence="true"] .project-name{ position:relative; padding-left:20px; } div.translate section[data-example_sentence="true"] .project-name:before{ content:""; position: absolute; left:0; top:calc( 50% - 5px); width:10px; height:10px; background-color:var(--main-main_color); box-shadow:3px 3px 0 rgba(68,178,66,0.6); } div.translate section[data-example_sentence="true"] .project-content{ margin:10px 0 0 20px; } div.translate section[data-example_sentence="true"] .project-content ul{ } div.translate section[data-example_sentence="true"] .project-content li{ position:relative; margin-top:20px; padding-left:20px; counter-increment:sidebar1-item; } div.translate section[data-example_sentence="true"] .project-content li:before{ content:counter(sidebar1-item); position:absolute; z-index:1; left:0; top:0; width:20px; height:20px; line-height:20px; color:#999; font-family:Arial, Helvetica, sans-serif; } div.translate section[data-example_sentence="true"] .project-content li div{ line-height: 20px; } div.translate section[data-example_sentence="true"] .project-content li div:nth-child(1){ } div.translate section[data-example_sentence="true"] .project-content li div:nth-child(2){ font-family:Arial, Helvetica, sans-serif; margin-top: 10px; color: #333; } div.translate section[data-example_sentence="true"] .project-content li div a{ color: var(--main-main_color); }  icon{ display:inline-block; } .css_iconfont{ } .css_iconfont.icon-menu{ user-select:none; display:block; width:25px; height:5px; border-top:5px solid #999; border-bottom:5px solid #999; background-color:#999; padding:5px 0; background-clip:content-box; } .css_iconfont.icon-agree{ position:relative; width:12px; height:12px; float:left; } .css_iconfont.icon-agree .icon-module-1{ position:absolute; right:0; bottom:0; width:8px; height:8px; background-color:#32aa54; transform:skew(-12deg, 0deg); border-radius:2px; z-index:3; } .css_iconfont.icon-agree .icon-module-2{ position:absolute; right:0; bottom:0; width:9px; height:6px; background-color:#fff; border:#92c9e9 1px solid; transform:skew(0deg,0deg); border-radius:2px; z-index:2; } .css_iconfont.icon-agree .icon-module-3{ position:absolute; right:4px; bottom:0; width:3px; height:11px; background-color:#32aa54; transform:skew(344deg,0deg); border-radius:2px; z-index:1; } .css_iconfont.icon-title{ position: relative; float: left; width: 15px; height: 12px; margin: 3px 10px 0 0; } .css_iconfont.icon-title .icon-module-1{ position:absolute; z-index:1; left:0; top:0; width:calc( 100% - 2px ); height:calc( 100% - 2px ); border:#333 2px solid; border-radius: 3px; } .css_iconfont.icon-title .icon-module-2{ position:absolute; z-index:2; width: 100%; height: 100%; } .css_iconfont.icon-title .icon-module-2:before{ content:""; position:absolute; z-index:2; left:3px; top:0; width:2px; height:2px; border-top:#333 1px solid; border-bottom:#333 1px solid; margin-top: 5px; } .css_iconfont.icon-title .icon-module-2:after{ content:""; position:absolute; z-index:3; left: 6px; top:0; width: calc( 100% - 8px ); height:2px; border-top:#333 1px solid; border-bottom:#333 1px solid; margin-top: 5px; } .css_iconfont.icon-link{ position:relative; width:17px; height: 8px; display: inline-block; margin: 6px 10px 0 0; } .css_iconfont.icon-link .icon-module-1{ position:absolute; z-index:1; width:100%; height:8px; } .css_iconfont.icon-link .icon-module-1:before{ content:""; position:absolute; z-index:1; left:0; top:0; width:calc( 50% - 5px ); height:4px; border:#333 2px solid; border-right:transparent 2px solid; border-radius:12px 0 0 12px; } .css_iconfont.icon-link .icon-module-1:after{ content:""; position:absolute; z-index:2; right:0; top:0; width:calc( 50% - 5px ); height:4px; border:#333 2px solid; border-left:transparent 2px solid; border-radius:0 12px 12px 0; } .css_iconfont.icon-link .icon-module-2{ position:absolute; z-index:3; left:4px; top:3px; width:calc( 100% - 8px ); height:2px; background-color:#333; border-radius:12px; } .jsliehfks{} .jsliehfks li { width: auto; padding: 0 5px; margin: 3px 1px; border: none; overflow: inherit !important; } .jsliehfks li a { padding: 0 10px; } .jsliehfks li:nth-child(3n) { margin-right: initial; } .jsliehfks li:nth-child(3n + 1) { margin-left: initial; } .clsiehde{} .clsiehde li { border: none; overflow: initial; margin: 2px 2px !important; padding: 0 0 !important; } .clsiehde li a { padding: 0 5px; } .words {} .word .word-translation{ margin-top:20px; border:#eee 1px solid; } .word .word-translation .english-word{ padding:0 20px; margin:10px 0 0 0; border-bottom:#eee 1px solid; padding-bottom:10px; } .word .word-translation .english-word h2{ position:relative; display:inline-block; font-weight:bold;; color:#000; font-size:21px; } .word .word-translation .english-word h2 sup{ font-size:10px; margin-left:10px; background-color:#eee; border:#ddd 1px solid; padding:0 8px; height:21px; line-height:21px; color:#333; font-weight:100; user-select:none; float:right; } .word .word-translation dl{ position:relative; display:flow-root; background-color:#f5f5f5; padding:20px 20px 28px 20px; } .word .word-translation dt, .word .word-translation dd { font-family:Arial, Helvetica, sans-serif; margin-top:8px; } .word .word-translation dt{ position:absolute; right:10px; bottom:8px; font-size:12px; color:#666; } .word .word-translation dd{ display:flow-root; font-size:12px; line-height:24px; } .word .word-translation .translation-of span{ font-family:webfont; display:inline-block; float:left; width:auto; height:22px; line-height:22px; padding:0 10px; margin-right:10px; text-align:center; font-size:12px; background-color:var(--main-main_color); border:var(--main-main_color) 1px solid; box-shadow:0 0 10px #9ad099; border-radius:4px; user-select:none; color:#fff; } .word .word-translation .translation-of strong{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:21px; color:#000; } .word .word-phonetic-transcription{ margin-top:30px; } .word .word-phonetic-transcription .project-name{ position:relative; padding-left:20px; } .word .word-phonetic-transcription .project-name:before{ content:""; position: absolute; left:0; top:calc( 50% - 5px); width:10px; height:10px; background-color:var(--main-main_color); box-shadow:3px 3px 0 rgba(68,178,66,0.6); } .word .word-phonetic-transcription .project-content{ margin:10px 0 0 20px; } .word .word-phonetic-transcription .project-content ul{ } .word .word-phonetic-transcription .project-content li{ line-height:28px; } .word .word-phonetic-transcription .project-content li span{ color:#666; font-size:14px; } .word .word-phonetic-transcription .project-content li em{ font-family:Arial, Helvetica, sans-serif; } .word .word-usage { margin-top: 30px; } .word .word-usage .project-name{ position:relative; padding-left:20px; } .word .word-usage .project-name:before{ content:""; position: absolute; left:0; top:calc( 50% - 5px); width:10px; height:10px; background-color:var(--main-main_color); box-shadow:3px 3px 0 rgba(68,178,66,0.6); } .word .word-usage .project-content{ margin:10px 0 0 20px; } .word .word-usage .all-t{} .word .word-usage>.project-content>ul { position: relative; margin-left: 5px; } .word .word-usage>.project-content>ul:before { content: ""; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background-color: #eee; } .word .word-usage>.project-content>ul>li { margin-left: 20px; margin-top:20px; } .word .word-usage>.project-content>ul>li>.part-of-speech{ position: relative; } .word .word-usage>.project-content>ul>li>.part-of-speech:before { content: ""; position: absolute; left: -24px; top: 9px; width: 10px; height: 10px; background-color: #999; border-radius: 50%; } .word .word-usage>.project-content>ul>li>.part-of-speech:after { content: ""; position: absolute; left: -22px; top: 11px; width: 6px; height: 6px; background-color: #fff; border-radius: 50%; } .word .word-usage>.project-content>ul>li:hover>.part-of-speech:before { background-color: var(--main-main_color); } .word .word-usage>.project-content>ul>li>.part-of-speech strong{ margin-left:10px; } .word .word-usage .sub-translation {} .word .word-usage .sub-translation .lists {} .word .word-usage .sub-translation .lists .after{ margin-top: 20px; } .word .word-usage .sub-translation .lists ul{ } .word .word-usage .sub-translation .lists ul li{ position: relative; margin-top: 20px; margin-left: 0; padding-left: 20px; counter-increment: sidebar1-item; } .word .word-usage .sub-translation .lists ul li:before { content: counter(sidebar1-item); position: absolute; z-index: 1; left: 0; top: 0; width: 20px; height: 20px; line-height: 20px; color: #999; font-family: Arial, Helvetica, sans-serif; } .word .word-usage .sub-translation .lists ul li div { line-height: 20px; } .word .word-usage .sub-translation .lists ul li div:nth-child(2) { font-family: Arial, Helvetica, sans-serif; margin-top: 10px; color: #333; } .word .word-pronunciation{ margin-top:30px; } .word .word-pronunciation .project-name{ position:relative; padding-left:20px; } .word .word-pronunciation .project-name:before{ content:""; position: absolute; left:0; top:calc( 50% - 5px); width:10px; height:10px; background-color:var(--main-main_color); box-shadow:3px 3px 0 rgba(68,178,66,0.6); } .word .word-pronunciation .project-content{ margin:10px 0 0 20px; } @media screen and (max-width:600px) { .word .word-pronunciation video { width:100%; height:auto; } } .word .word-example-sentence { margin-top:30px; } .word .word-example-sentence .project-name{ position:relative; padding-left:20px; } .word .word-example-sentence .project-name:before{ content:""; position: absolute; left:0; top:calc( 50% - 5px); width:10px; height:10px; background-color:var(--main-main_color); box-shadow:3px 3px 0 rgba(68,178,66,0.6); } .word .word-example-sentence .project-content{ margin:10px 0 0 20px; } .word .word-example-sentence ul{ } .word .word-example-sentence ul li{ position: relative; margin-top: 20px; margin-left: 0; padding-left: 20px; counter-increment: sidebar1-item; } .word .word-example-sentence ul li:before { content: counter(sidebar1-item); position: absolute; z-index: 1; left: 0; top: 0; width: 20px; height: 20px; line-height: 20px; color: #999; font-family: Arial, Helvetica, sans-serif; } .word .word-example-sentence ul li div { line-height: 20px; } .word .word-example-sentence ul li div:nth-child(2) { font-family: Arial, Helvetica, sans-serif; margin-top: 10px; color: #333; } .word .word-memorizing { margin-top:30px; } .word .word-memorizing .project-name{ position:relative; padding-left:20px; } .word .word-memorizing .project-name:before{ content:""; position: absolute; left:0; top:calc( 50% - 5px); width:10px; height:10px; background-color:var(--main-main_color); box-shadow:3px 3px 0 rgba(68,178,66,0.6); } .word .word-memorizing .project-content{ margin:10px 0 0 20px; line-height:24px; } .word .word-summarize { margin-top:30px; } .word .word-summarize .project-name{ position:relative; padding-left:20px; } .word .word-summarize .project-name:before{ content:""; position: absolute; left:0; top:calc( 50% - 5px); width:10px; height:10px; background-color:var(--main-main_color); box-shadow:3px 3px 0 rgba(68,178,66,0.6); } .word .word-summarize .project-content{ margin:10px 0 0 20px; line-height:24px; } .word .word-inflections { margin-top: 30px; } .word .word-inflections .project-name{ position:relative; padding-left:20px; } .word .word-inflections .project-name:before{ content:""; position: absolute; left:0; top:calc( 50% - 5px); width:10px; height:10px; background-color:var(--main-main_color); box-shadow:3px 3px 0 rgba(68,178,66,0.6); } .word .word-inflections .project-content{ margin:10px 0 0 20px; } .word .word-inflections>.project-content>ul { position: relative; margin-left: 5px; } .word .word-inflections>.project-content>ul:before { content: ""; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background-color: #eee; } .word .word-inflections>.project-content>ul>li { margin-left: 20px; margin-top:20px; } .word .word-inflections>.project-content>ul>li>.inflection{ position: relative; } .word .word-inflections>.project-content>ul>li>.inflection:before { content: ""; position: absolute; left: -24px; top: 9px; width: 10px; height: 10px; background-color: #999; border-radius: 50%; } .word .word-inflections>.project-content>ul>li>.inflection:after { content: ""; position: absolute; left: -22px; top: 11px; width: 6px; height: 6px; background-color: #fff; border-radius: 50%; } .word .word-inflections>.project-content>ul>li:hover>.inflection:before { background-color: var(--main-main_color); } .word .word-inflections>.project-content>ul>li>.inflection span { background-color: #ddd; padding: 0 10px; margin-right: 5px; border-radius: 4px; font-size: 13px; line-height: 24px; display: inline-block; } .word .word-inflections>.project-content>ul>li>.inflection span.word { background-color: transparent; font-size: initial; margin-left: 10px; } .word .word-inflections .phrases {} .word .word-inflections .phrases .after{ margin-top: 20px; } .word .word-inflections .phrases ul{ } .word .word-inflections .phrases ul li{ position: relative; margin-top: 20px; margin-left: 0; padding-left: 20px; counter-increment: sidebar1-item; } .word .word-inflections .phrases ul li:before { content: counter(sidebar1-item); position: absolute; z-index: 1; left: 0; top: 0; width: 20px; height: 20px; line-height: 20px; color: #999; font-family: Arial, Helvetica, sans-serif; } .word .word-inflections .phrases ul li div { line-height: 20px; } .word .word-inflections .phrases ul li div:nth-child(2) { font-family: Arial, Helvetica, sans-serif; margin-top: 10px; color: #333; } .translation .classify-sentence{ margin-top:30px; } .translation .classify-sentence .project-name{ position:relative; padding-left:20px; } .translation .classify-sentence .project-name:before{ content:""; position: absolute; left:0; top:calc( 50% - 5px); width:10px; height:10px; background-color:var(--main-main_color); box-shadow:3px 3px 0 rgba(68,178,66,0.6); } .translation .classify-sentence .project-content{ margin:10px 0 0 20px; } .translation .classify-sentence .project-content span{ margin-right: 10px; background-color: #eee; height: 24px; line-height: 24px; padding: 0 10px; border-radius: 4px; display: inline-block; } .translation .voice-analysis{ margin-top:30px; } .translation .voice-analysis .project-name{ position:relative; padding-left:20px; } .translation .voice-analysis .project-name:before{ content:""; position: absolute; left:0; top:calc( 50% - 5px); width:10px; height:10px; background-color:var(--main-main_color); box-shadow:3px 3px 0 rgba(68,178,66,0.6); } .translation .voice-analysis .project-content{ margin:10px 0 0 20px; } .translation .voice-analysis .project-content .items { position: relative; margin-left: 5px; } .translation .voice-analysis .project-content .items:before { content: ""; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background-color: #eee; } .translation .voice-analysis .item { position: relative; margin-left: 20px; margin-top: 20px; } .translation .voice-analysis .item .after { position: relative; height: 28px; line-height: 28px; } .translation .voice-analysis .item .after:before { content: ""; position: absolute; left: -24px; top: 9px; width: 10px; height: 10px; background-color: #999; border-radius: 50%; } .translation .voice-analysis .item .after:after { content: ""; position: absolute; left: -22px; top: 11px; width: 6px; height: 6px; background-color: #fff; border-radius: 50%; } .translation .voice-analysis .item>ul { position: relative; margin-left: 5px; } .translation .voice-analysis .item>ul>li { position: relative; margin-top: 20px; padding-left: 20px; counter-increment: sidebar1-item; } .translation .voice-analysis .item>ul>li:before { content: counter(sidebar1-item); position: absolute; z-index: 1; left: 0; top: 0; width: 20px; height: 20px; line-height: 20px; color: #999; font-family: Arial, Helvetica, sans-serif; } .translation .modal-verb{ margin-top:30px; } .translation .modal-verb .project-name{ position:relative; padding-left:20px; } .translation .modal-verb .project-name:before{ content:""; position: absolute; left:0; top:calc( 50% - 5px); width:10px; height:10px; background-color:var(--main-main_color); box-shadow:3px 3px 0 rgba(68,178,66,0.6); } .translation .modal-verb .project-content{ margin:10px 0 0 20px; }